<template>
	<view class="content">
		<view class="title">
			<text>退课等待审批</text>
		</view>
		<view class="buyer">
			<view class="buyer1">
				<text>购买人基本信息</text>
			</view>
			<view class="buyer2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>

			<view class="buyer2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>

			<view class="buyer2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>

			<view class="buyer2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>
		</view>

		<view class="shop">
			<view class="shop1">
				<text>店铺基本信息</text>
			</view>
			<view class="shop2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>
			<view class="shop2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>
			<view class="shop2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>
			<view class="shop2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>
		</view>
		
		<view class="fz">
			<view class="fz1">
				<text>未分帐</text>
			</view>
		</view>
		<view class="shop">
			<view class="shop1">
				<text>订单信息</text>
			</view>
			<view class="shop2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>
			<view class="shop2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>
			<view class="shop2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>
			<view class="shop2">
				<text>XXXXXX</text>
				<text>XXXXXX</text>
			</view>
		</view>
		
		<view class="bt">
			<view class="bt1">
				<button type="default">同意退课</button>
			</view>
			<view class="bt2">
				<button type="default">拒绝退课</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.content {
		width: 750rpx;
		height: 2394rpx;
		background: #FAFAFA;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		padding-top: 32rpx;
	}

	.title {
		width: 690rpx;
		height: 88rpx;
		background: #409CFD;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #FFFFFF;
		margin: auto;
	}

	.buyer {
		margin-top: 32rpx;
	}

	.buyer1 {
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #333333;
		margin-left: 32rpx;
	}

	.buyer2 {
		display: flex;
		justify-content: space-between;
		margin-left: 32rpx;
		margin-right: 32rpx;
		margin-top: 40rpx;
		padding-bottom: 24rpx;
		border-bottom: 2rpx solid #EEEEEE;
	}
	.shop{
		margin-top: 32rpx;
	}
	.shop1{
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #333333;
		margin-left: 32rpx;
	}
	.shop2{
		display: flex;
		justify-content: space-between;
		margin-left: 32rpx;
		margin-right: 32rpx;
		margin-top: 40rpx;
		padding-bottom: 24rpx;
		border-bottom: 2rpx solid #EEEEEE;
	}
	.fz{
		width: 690rpx;
		height: 128rpx;
		background: #FFFFFF;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		display: flex;
		align-items: center;
		margin: 32rpx auto 0;
	}
	.fz1{
		width: 176rpx;
		height: 64rpx;
		background: #409CFD;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 32rpx;
	}
	.bt{
		display: flex;
		margin-top: 200rpx;
	}
	.bt1{
		margin: auto;
	}
	.bt2{
		margin: auto;
	}
	.bt1 button{
		width: 332rpx;
		height: 88rpx;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		border: 2rpx solid #409CFD;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #409CFD;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.bt2 button{
		width: 332rpx;
		height: 88rpx;
		background: #409CFD;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
</style>